<template>
  <div>
    <!-- 轮播图区域  -->
    <mt-swipe :auto="4000">
      <mt-swipe-item v-for="item in lunbotuList" :key="item.id">
        <img :src="item.img" alt/>
      </mt-swipe-item>
    </mt-swipe>
  </div>

  <!-- 轮播图 数据是父组件传入的 宽度有100%和自适应两种情况 就需要父组件进行制定-->
  <!-- 所以需要通过props制定传入lunbotuList和isfull属性 -->
</template>
<script>
export default {
  props: ["lunbotuList"]
};
</script>
<style lang="scss" scoped>
.mint-swipe {
  height: 200px;

  .mint-swipe-item {
    text-align: center;

    img {
      width: 100%;
      height: 100%;
    }
  }
}

</style>
